<template>
<div>
 <ul class="mui-table-view">
	<li v-for="(item,index) in newsList" :key="index" class="mui-table-view-cell mui-media">
        <!-- to 后面因为需要item.id 所以需要: 绑定 -->
		<router-link :to="'/Home/newsinfo/'+ item.id" >
			<img class="mui-media-object mui-pull-left" :src="item.img_url">
			<div class="mui-media-body">
                <h1>{{ item.title }}</h1>
                <p class="mui-ellipsis">
                    <span>发表时间 {{item.add_time | dateFormat }}</span>
                    <span>点击:{{item.click}} 次</span>
                </p>
			</div>
		</router-link>
	</li>
</ul>
</div>
</template>

<script>
import { Toast } from "mint-ui";
export default {
  data(){
      return {
          newsList:[],
          name:'wheee'
      }
  },
  created(){
      this.getNewsList()

  },
  methods:{
      getNewsList() {
          this.$http.get('api/getnewslist').then(result =>{
              if(result.body.status === 0) {
                  this.newsList = result.body.message
              } else {
                  Toast("加载新闻列表失败")
              }
          })
      }
  }
}
</script>
<style scoped>
    .mui-table-view li h1{
        font-size: 14px;
    }
    .mui-ellipsis {
        display: flex;
        color: skyblue;
        font-size: 12px;
        justify-content: space-between
    }
</style>


